@import "variables";

.bottom-adv{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.live-content{
    width: 100%;
    height: 100%;
    position: relative;
    .live-btn{
        width: pxTorem(130);
        height: pxTorem(130);
        background: url(#{$images-path}/live_btn.png) no-repeat center center/contain;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: 1;
    }
    .title{
        padding: 0 pxTorem(20);
        background-color: rgba(#000, 0.3);
        color: color($h5,c10);
        position: absolute;
        left: pxTorem(30);
        top: pxTorem(40);
        border-radius: pxTorem(22);
        line-height: pxTorem(44);
        @include font-dpr(24px);
    }
    .info{
        position: absolute;
        top: pxTorem(104);
        left: pxTorem(30);
        background-color: rgba(#000, 0.3);
        border-radius: pxTorem(30);
        padding: 2px ;
        display: flex;
        color: color($h5,c10);
        align-items: center;
        img{
            width: pxTorem(60);
            height: pxTorem(60);
            border-radius: pxTorem(30);
        }
        span{
            padding: 0 pxTorem(30) 0 pxTorem(10);
            @include font-dpr(20px);
        }
    }
}
